<template>
  <div>
    <div class="my">
      <LeoTooltip :content="'啊啊啊啊啊啊啊啊啊啊'"></LeoTooltip>
    </div>
    <div class="my">
      <LeoTooltip :content="'啊啊啊啊啊啊啊啊啊啊'"></LeoTooltip>
    </div>
    <div class="my">
      <LeoTooltip :content="'啊啊啊啊啊啊啊'"></LeoTooltip>
    </div>
    <div class="my">
      <LeoTooltip :content="'啊啊啊啊啊啊啊啊啊啊'"></LeoTooltip>
    </div>
    v
     <div class="my">
      <LeoTooltip :content="'啊啊啊啊啊啊啊啊啊啊'"></LeoTooltip>
    </div>
    <div class="">
      <el-descriptions title="用户信息" :column="4">
        <el-descriptions-item label="用户名">
          <div class="my">
            <LeoTooltip :content="'啊啊啊啊啊啊啊啊啊啊'" :refName="'mytooltip'"></LeoTooltip>
          </div>
        </el-descriptions-item>
        <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
        <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
        <el-descriptions-item label="备注">
          <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
        <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
        <el-descriptions-item label="备注">
          <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
      </el-descriptions>
    </div>
    <div class="box">

    </div>
  </div>
</template>

<script>
import LeoTooltip from '../components/LeoTooltip.vue'
import gsap from 'gsap'
export default {
  name: 'HippoDashboardResearch',

  data() {
    return {}
  },
  components: {
    LeoTooltip
  },
  mounted() {
    gsap.to(".box",{
      x:200,
      duration: 3,
      repeat: -1,
      yoyo: true,
      ease: "none"
    })
  },

  methods: {}
}
</script>

<style lang="scss" scoped>
.my {
  width: 100px;
}
.W500{
  max-width: 1000px;
}

.box{
  width: 40px;
  height: 40px;
  background: #4654;
}
</style>
